<template>
  <div class="box">
    <div class="jdlxhy_form">
      <div class="jdlxhy_form_list overflowEllipsis">
        名称: {{details.name}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        牵头单位：{{details.danwei}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        组织成员：{{details.chengyuan}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        地址: {{details.dizhi}}
      </div>
      <div class="jdlxhy_form_list overflowEllipsis">
        联系电话: <small>{{details.mobile}}</small>
      </div>
    </div>
    <div class="jdlxhy_list" v-if="details.adminList">
      <ul>
        <li class="jdlxhy_list_item" v-for="(e,i) in details.adminList" :key="i">
          <div class="item_top overflowEllipsis">
            环保局负责人
          </div>
          <div class="item_bot flex">
            <div class="item_bot_lf overflowEllipsis">
              {{e.userName}}
            </div>
            <div class="item_bot_lr overflowEllipsis">
              联系电话：{{e.mobile}}
            </div>
          </div>
        </li>
      </ul>
    </div>
    <div class="jdlxhy_txt">
      <div class="txt_top">
        相关单位
      </div>
      <div class="txt_bot">
        <ul class="flex">
          <li class="txt_bot_item" @click="unitClick(e)" v-for="(e,i) in units" :key="i">
            税务局
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
import taskApi from "../../requestApi/taskApi";
import { Toast } from "mint-ui";
export default {
  components: {},
  data() {
    return {
      details: {},
      units: []
    };
  },
  created: function() {},
  mounted() {
    let self = this;
    self.baseUserMessageDistributeFun();
    window.getAppgetUserToken = function(val) {
      self.baseUserInfoFun(val);
      self.listFun();
    };
    this.titleFun({
      title: "组织机构"
    });
  },
  methods: {
    unitClick(e) {
      this.basePushFun(`/zzcx/detail?id=${e.id}`);
    },
    async listFun() {
      let self = this;
      let params = {
        id: this.$route.query.id
      };
      let res = await taskApi.GetApiorgorginfo(params);
      if (res.statusCode == 200) {
        self.details = {
          ...res.data
        };
      } else {
        Toast({
          message: res.statusMessage,
          position: "bottom"
        });
      }
    }
  },
  filters: {},
  watch: {},
  computed: {}
};
</script>
<style scoped>
.txt_bot_item {
  border: 0.0267rem solid #ccc;
  padding: 0.1867rem;
  margin-right: 0.32rem;
  font-size: 0.3733rem;
  color: #000;
}
.txt_bot {
  margin-top: 0.4533rem;
  width: 100%;
  overflow: hidden;
}

.txt_top {
  height: 0.48rem;
  line-height: 0.48rem;
  font-size: 0.3733rem;
  font-family: PingFang-SC-Heavy;
  color: rgba(81, 81, 81, 1);
}
.jdlxhy_txt {
  margin-top: 0.64rem;
  width: calc(100% - 0.6933rem);
  margin-left: 0.3467rem;
}
.item_bot_lf {
  width: 2.4rem;
  font-size: 0.4533rem;
  font-family: PingFang-SC-Bold;
  font-weight: bold;
  color: rgba(68, 67, 67, 1);
}
.item_bot_lr {
  width: calc(100% - 2.4rem - 0.6667rem);
  font-size: 0.4rem;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(78, 78, 78, 1);
}
.item_bot {
  padding-left: 0.2933rem;
  padding-right: 0.2667rem;
  height: 0.5333rem;
  line-height: 0.5333rem;
  margin-top: 0.5333rem;
  overflow: hidden;
}
.item_top {
  font-size: 0.3733rem;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(135, 135, 135, 1);
  height: 0.4267rem;
  line-height: 0.4267rem;
  padding-left: 0.2933rem;
  padding-right: 0.2667rem;
  margin-top: 0.56rem;
}
.jdlxhy_list_item {
  width: 100%;
  height: 2.56rem;
  background: rgba(245, 249, 250, 1);
  border-radius: 0.08rem;
  margin-bottom: 0.32rem;
  overflow: hidden;
}
.jdlxhy_list {
  margin-top: 0.48rem;
  width: calc(100% - 0.6933rem);
  margin-left: 0.3467rem;
}

.jdlxhy_form_list small {
  color: #e12229;
  font-size: 0.4533rem;
  font-style: italic;
}
.jdlxhy_form_list {
  height: 0.4533rem;
  line-height: 0.4533rem;
  font-size: 0.4rem;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(75, 75, 75, 1);
  margin-top: 0.5333rem;
}
.jdlxhy_form {
  width: calc(100% - 0.6933rem);
  margin-left: 0.3467rem;
}
.box {
  background: #fff;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
}
</style>